.list-from-item {
  --item-text-size: var(--my-change-base12-2x-size);

  @include flex(row, nowrap, space-between, center, center);
  flex: 1;
  font-size: var(--item-text-size);
  line-height: var(--item-text-size);
  color: $c-text;

  .label-box {
    @include flex(row, wrap, flex-start, center, stretch);
    height: 100%;
    margin-right: 10px;
    overflow: hidden;
    transition:
      color 0.2s,
      font-size 0.2s;

    .label {
      display: inline-block;
      width: 100%;
      margin-bottom: -1em;
      overflow: hidden;
      text-align: justify;

      &:after {
        display: inline-block;
        width: 100%;
        height: 0;
        overflow: hidden;
        content: '';
      }
    }
  }

  .right-box {
    flex: 1;
    font-size: var(--item-text-size);
    transition:
      color 0.2s,
      font-size 0.2s;

    :deep() {
      .el-select-v2,
      .el-select {
        width: 100%;
      }
    }
  }

  &:last-child {
    padding-bottom: 0;
  }
}
